<template>
  <div :class="{ mycolor: isTrue }">
    ￥route.props.id : {{ $route.params.id }}
    <hr />
    id:{{ props.id }}
    <hr />
    <div>
      <router-link :to="{ name: 'videoorder', params: { orderid: 'a1' } }"
        >订单a1</router-link
      >
      <router-link :to="{ name: 'videoorder', params: { orderid: 'b2' } }"
        >订单b2</router-link
      >
      <router-link :to="{ name: 'videoorder', params: { orderid: 'c3' } }"
        >订单c3</router-link
      >
      <router-view></router-view>
    </div>
  </div>
</template>

<script setup>
import { ref } from "vue";

let isTrue = ref(true);
let props = defineProps({
  id:{
    type:String,
    default:''
  }
})

</script>

<style scoped>
.mycolor {
  width: 200px;
  height: 200px;
  background-color: rgb(0, 255, 149);
}
</style>